<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>答题页</title>
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/flexible.js"></script>
    <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
    <style>
        body {
            background-color: #3d19f2;
        }
        
        .my-radio:checked::after {
            content: ‘‘;
        }
    </style>
</head>

<body>
    <div class="container2">
        <img src="./images/02.png" alt="" class="img02">
        <img src="./images/03.png" alt="" class="img03">
        <div class="box">
            <div class="time">
                <div class="fen">
                    <div>01</div>
                    <div>分</div>
                </div>
                <div class="colon">:</div>
                <div class="miao">
                    <div>30</div>
                    <div>秒</div>
                </div>
            </div>
            <div class="questions">
                第<span>1</span>/<span>3</span>题
            </div>
            <div class="question-num">1.中国人民银行成立于哪一年？</div>
            <ul>
                <li>
                    <input type="radio" id="radio1" class="my-radio" name="demo" value="1" />
                    <label class="radio-label" for="radio1">A.1947年</label>
                </li>
                <li>
                    <input type="radio" id="radio2" class="my-radio" name="demo" value="2" />
                    <label class="radio-label" for="radio2">B.1948年</label>
                </li>
                <li>
                    <input type="radio" id="radio3" class="my-radio" name="demo" value="3" />
                    <label class="radio-label" for="radio3">C.1949年</label>
                </li>
                <li>
                    <input type="radio" id="radio4" class="my-radio" name="demo" value="4" />
                    <label class="radio-label" for="radio4">D.1950年</label>
                </li>
            </ul>
            <button class="submit">确定</button>
        </div>
        <div class="flag" style="display:none">
            <div class="dialog1">
                <img src="./images/04.png" alt="" class="img04">
                <div class="dialog1-box">
                    <div>答题挑战未通过，</div>
                    <div>请返回首页重新开始答题！</div>
                    <button>返回首页</button>
                </div>
            </div>
        </div>
    </div>
    <script>
        $("[name='demo']").on("change",
            function(e) {
                console.log($(e.target).val());
            }
        );
        $(".submit").click(function() {
            var val = $("input[name='demo']:checked").attr("value");
            console.log(val)
        })
    </script>
</body>

</html>